<!-- 
		Hi, and welcome to the skillclouds project code.
		Please see the documentation folder for implementation guides, 
		or for more info see http://www.sussex.ac.uk/skillclouds/
-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		
		<meta content="skillclouds" name="DC.creator" />
		<meta content="Stuart Adam Lamour" name="Author" />
		<meta content="Thu, Feb 26, 2009"
          name="DC.date.created" />
		<meta content="Tue, Mar 31, 2009 11:38 AM"
          name="DC.date.modified" />
 		<meta content="en" name="DC.language" />

<!-- SKILLCLOUDS CSS INCLUDES -->


<link media="screen" type="text/css" href="http://www.sussex.ac.uk/USIS/test/website/internal_jack/css/main_internal.css" rel="stylesheet" />
<link media="screen" type="text/css" href="skillclouds-includes/style/skillclouds.css" rel="stylesheet" />


<?php   // START SKILLCLOUDS PHP 
 
		include('skillclouds-includes/class-skillcloud.php'); // include the initial php class for skillcloud
		$sc = new skillcloud_demo('test_user'); // instantiate the $sc (skillcloud) class	
		
		$lipsum = "Lorem ipsum dolor sit amet,
		 consectetur adipisicing elit, 
		 sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
		 Ut enim ad minim veniam, 
		 quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
		 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
		 Excepteur sint occaecat cupidatat non proident, 
		 sunt in culpa qui officia deserunt mollit anim id est laborum"; // some dummy text

// END SKILLCLOUDS PHP ?>	

		<title>Skillclouds template</title>
	</head>

	
<!-- BEGIN BODY -->
<body>
	
	<h1>Skillclouds - Feb 26th Version </h1>
	<p>Hi, and welcome to the skillclouds template page.</p>

	
<!-- BEGIN SKILLCLOUDS CONTENT -->

	<div id='skillclouds_content_div'>

	
			 
			<div id='skillclouds_getting_started'>
				<h2>Getting you started</h2>
<!-- START SAMPLE DATA FOR GETTING YOU STARTED -->
				<h3 class='sc_show'><a href='#'>What are skills ?</a></h3>
				<p class='sc_hide'>
					A skill is something you know how to do.
					<br /><br />
					This page shows skills you have used and developed during your time at Sussex, and skills that employers are generally interested in.</p>
				<h3 class='sc_show'><a href='#'>Do I have any skills ?</a></h3>
				<p class='sc_hide'>
					Yes. You have skills you have acquired during any activity in your life - jobs, classes, projects, parenting, hobbies, sports, virtually anything. 
					<br /><br />
					These skills make you valuable, and you can apply them to what you want to do next in life. </p>
				<h3 class='sc_show'><a href='#'>How can I descibe my skills ?</a></h3>
				<p class='sc_hide'>
					A lot of people find it hard to describe their skills and how they've developed and used them during their time at university. 
					<br /><br />
					These pages can help. Click on the skills you are interested in to find out more.</p>
				<h3 class='sc_show'><a href='#'>Example question</a></h3>
				<p class='sc_hide'>Example answer</p>
<!-- END SAMPLE DATA FOR GETTING YOU STARTED -->
			</div>
			
<!-- START TAG CLOUD -->			
			<div id='skillclouds_tagcloud'>
				<div id='skillclouds_tagcloud_menu'>
					<h2>Your skills</h2>
					<p>
						Change to :<span id='tagcloud_display_options'> <a href='#' class='sc_hide' title='View your skills as a cloud'>cloud</a><a href='#' title='View your skills as a list'>list</a></span>
						<br />
	<!-- a-z menu -->
						<?php $atoz =  $sc->get_atoz(); 
							foreach ($atoz as $letter): ?>
							<?php if ( stristr($letter, 'member_') ): $letter = preg_replace('/member_/', '' , $letter) ?>
								<a class='skillclouds_atoz_menu' href='#' onclick='return false;' title='Highlight skills begining with <?php echo $letter?>'><?php echo $letter ?></a>
							<?php else : ?>
								<?php echo $letter?>
							<?php endif; ?>
						<?php endforeach; ?>
	<!-- end a-z menu -->
					</p>					
				</div>
				
	<!-- search  -->		
				<form id='skillclouds_search'>
					Search : 
					<input type="text" name="searchterm">
				</form>
	<!-- end search -->	
			
	<!-- list of skills -->								
				<ul id='skillcloud' class='cloud'>
					<?php $skill_array = $sc->get_user_skills(); foreach ($skill_array as $tag): ?>			
						<li class='skill'><a href='#' class='skill' onclick='return false;' title='Show me information about my <?php echo $tag?> skills'><?php echo $tag?></a></li>	
					<?php endforeach; ?>
				</ul>
	<!-- end list of skills -->
			</div>
<!-- END TAG CLOUD -->
			

			
<!-- START SKILLS INFORMATION  -->		
			<div id='skill_information' class='sc_hide'>
					<span id='skill_information_display_options'>
						<a href='#' title='Close me'>close</a>
					 	<a href='#' title='Enlarge to full screen'>expand</a> 
						<a href='#' class='sc_hide' title='Reduce to standard size'>reduce</a> 
				   </span>
				   
				<div id='skill_information_content'>
					<h2 class='skill_title'>title</h2>
					<p class='definition'>definition</p>
					<h3 class='sc_show'><a href='#'>What does this skill encompass?</a></h3>
					<p class='sc_hide encompass'><?php echo $lipsum ?></p>
					<h3 class='sc_show'><a href='#'>Where did I practise this skill?</a></h3>
					<div class='sc_hide'>
						
						
	<!-- start your  notes	-->	
						<h4>Your notes on this skill</h4>
						<ul>
							<li>
								<h5>Title - date - time</h5>
								<p>Note</p>
							</li>
							<li>
								<h5>Title - date - time</h5>
								<p>Note</p>
							</li>
						</ul>
	<!-- end your  notes	-->	
					
	<!-- start add your own notes	-->							
						<h4 class='sc_show'><a href='#'  title='Add your own note about where you have practiced this skill'>Add a note</a></h4>
							<form class='sc_hide'> 
								<textarea  rows="3" cols="30" tabindex="1" >Add a note functionality coming soon :)</textarea><br />
								<input type="submit" value="Submit" tabindex="2" name="submit" />
							</form>
	<!-- end add your own notes	-->		
						
	<!-- start course activities -->							
						<h4>During your course</h4>
						<p>Here are some activities you have carried out within your degree where it's likely you will have developed and used your critical assessment skills:
						</p>
						<ul>
							<li>
								<h5>Course title - date - mark</h5>
									<ul>
										<li>
											<h6>Activity title - date - mark</h6>
											<p>Tutor feedback if available</p>
										</li>
										<li>
											<h6>Activity title - date - mark</h6>
											<p>Tutor feedback if available</p>
										</li>
										<li>
											<h6>Activity title - date - mark</h6>
											<p>Tutor feedback if available</p>
										</li>
									</ul>
							</li>
								
							<li>
								<h5>Course title - date - mark</h5>
									<ul>
										<li>
										<h6>Activity title - date - mark</h6>
										<p>Tutor feedback if available</p>
										</li>
									</ul>
							</li>
						</ul>
		<!-- end course activities-->
					</div>
		<!-- start cv and interview -->
					<h3 class='sc_show'><a href='#'>How can i demonstrate this skill on my CV or in an interview?</a></h3>
					<p class='sc_hide demonstrate'><?php echo $lipsum ?></p>
		<!-- end cv and interview -->		
				</div>
			</div>
<!-- END SKILLS INFORMATION  -->	

	</div>
<!-- END SKILLCLOUDS CONENT -->	


<!-- SKILLCLOUDS JAVASCRIPT INCLUDES -->
	
<script type="text/JavaScript" src="skillclouds-includes/javascript/jquery/jquery-1.3.1.min.js"></script>
<script type="text/JavaScript" src="skillclouds-includes/javascript/jquery/jquery-ui-personalized-1.6rc5.js"></script>
<script type="text/JavaScript" src="skillclouds-includes/javascript/skillclouds.js"></script>


</body>
<!-- END BODY -->


<!-- SKILLCLOUDS FOOTER -->
</html>